<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>棋类比赛 - 棋士馆</title>
    <link rel="stylesheet" href="../css/比赛.css">
</head>
<body>
    <!-- Header Section -->
    <header>
        <div class="logo">棋士馆</div>
        <div class="user-options">
            <a href="#">登录/注册</a>
            <a href="#">语言选择</a>
        </div>
    </header>

    <!-- Navigation Bar -->
    <nav>
        <ul>
            <li><a href="首页.html">首页</a></li>
            <li><a href="游戏.html">游戏</a></li>
            <li><a href="比赛.html">比赛</a></li>
            <li><a href="论坛.html">论坛</a></li>
            <li><a href="科普.html">科普</a></li>
            <li><a href="教程.html">教程</a></li>
            <li><a href="联系我们.html">联系我们</a></li>
        </ul>
    </nav>

    <!-- Match Introduction -->
    <section class="match-intro">
        <h1>棋类比赛</h1>
        <p>欢迎来到棋士馆的比赛页面！在这里，你可以了解即将举办的棋类比赛，查看过往比赛结果，并参与报名。</p>
    </section>

    <!-- Match Sections -->
    <section class="match-sections">
        <div class="match-card upcoming-matches">
            <h2>即将举行的比赛</h2>
            <ul>
                <li>
                    <strong>围棋冬季赛</strong> - 时间：2024年12月15日
                    <a href="#" class="register-link">点击报名</a>
                </li>
                <li>
                    <strong>象棋新春赛</strong> - 时间：2025年1月10日
                    <a href="#" class="register-link">点击报名</a>
                </li>
                <li>
                    <strong>国际象棋公开赛</strong> - 时间：2025年2月5日
                    <a href="#" class="register-link">点击报名</a>
                </li>
            </ul>
        </div>

        <div class="match-card past-matches">
            <h2>往届比赛结果</h2>
            <ul>
                <li>
                    <strong>围棋秋季赛</strong> - 冠军：张三
                    <a href="比赛结果_围棋秋季赛.html" class="results-link">查看详情</a>
                </li>
                <li>
                    <strong>象棋夏季赛</strong> - 冠军：李四
                    <a href="比赛结果_象棋夏季赛.html" class="results-link">查看详情</a>
                </li>
                <li>
                    <strong>国际象棋邀请赛</strong> - 冠军：王五
                    <a href="比赛结果_国际象棋邀请赛.html" class="results-link">查看详情</a>
                </li>
            </ul>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <p>© 2024 棋士馆 | 联系我们</p>
    </footer>
</body>
</html>
